<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}

			body {
				background-color: darkgray;
				font-family: "宋体";
			}

			.billTitle {
				font-size: 7.4mm;
				text-align: center;
				font-weight: 600;
			}

			.paper {
				background-color: white;
				width: 210mm;
				height: 297mm;
				margin: 0 auto;
				position: absolute;
			}

			table {
				width: 100%;
				font-size: 3.4mm;
			}

			.tableHead td {
				width: 33.3%;
				padding: 2mm 0;
			}

			.billBody thead td {
				border-top: 1px black dashed;
				border-bottom: 1px black dashed;
			}

			.tableBody td {
				padding: 0.5mm 0;
			}

			.bill-container {
				padding: 10mm 15mm;
			}

			.tableFoot tr {
				display: flex;
			}

			.tableFoot tr td {
				display: block;
				width: 33.34%;
			}
			
			.seal {
				width: 40mm;height: 28mm;position: absolute;
			}
		</style>
		<div id="vue-app">
			<div class="paper">
				<div id="billContainer" class="bill-container">
					<div class="billHeader">
						<img class="seal" src="img/c602bc1e5ce7e660cafdf48b6221867.jpg"/>
						<p class="billTitle">账单头及账单查询打印</p>
						<table class="tableHead">
							<tbody>
								<tr>
									<td>客户名称：<span>新卡六</span></td>
									<td>信用卡号：<span>628343100000028</span></td>
									<td>账单年月：<span>201907</span></td>
								</tr>
								<tr>
									<td>查询类型：<span>已出账单</span></td>
									<td>本期账单金额：<span>1789.30</span></td>
									<td>上期账单余额：<span>112.70</span></td>
								</tr>
								<tr>
									<td>最小还款额：<span>181.63</span></td>
									<td>本期已还金额：<span>100</span></td>
									<td>本期剩余未还金额：<span>1789.30</span></td>
								</tr>
								<tr>
									<td>最后还款日：<span>20190711</span></td>
									<td></td>
									<td></td>
								</tr>
							</tbody>
						</table>
					</div>
					<div class="billBody">
						<table class="tableBody">
							<thead>
								<tr>
									<td>交易日期</td>
									<td>记账日期</td>
									<td>交易币种</td>
									<td>交易金额</td>
									<td>交易摘要</td>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
								<tr>
									<td>20190630</td>
									<td>20190630</td>
									<td>CNY-人民币</td>
									<td>10.00</td>
									<td>jianyimiaoshuceshi30</td>
								</tr>
							</tbody>
						</table>
					</div>
					<div class="billFooter">
						<table class="tableFoot">
							<tr>
								<td>打印日期：<span>2019/3/27 上午11:02:38</span></td>
								<td style="text-align: center;">第<span>1</span>/共<span>3</span>页</td>
								<td></td>
							</tr>
						</table>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>



